<template>
    <div class="publish-job">
        <header-title :title="'发布职位'">
            <p slot="header-link" class="right-title">
                您已发布0个职位，还可以发布 <span class="color">{{jobNum}}</span>个职位
            </p>
        </header-title>
        <div class="form-box">
            <el-form label-width="140px">
                <el-row :gutter="20">
                    <el-col :span="12">
                        <el-form-item label="职位名称：">
                            <el-input placeholder="请输入职位名称" v-model="modal"></el-input>
                        </el-form-item>
                        <el-form-item label="职位性质：">
                            <el-select placeholder="请输入职位性质" :value="1">
                                <el-option :label="1" :value="1"></el-option>
                            </el-select>
                        </el-form-item>
                        <el-form-item label="职位类别：">
                            <el-select placeholder="请输入职位类别" :value="1">
                                <el-option :label="1" :value="1"></el-option>
                            </el-select>
                        </el-form-item>
                        <el-form-item label="招聘人数：">
                            <el-input placeholder="请输入数字(0表示若干)"></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12" >
                        <el-form-item label="招聘人数：">
                            <el-input placeholder="请填写"></el-input>
                        </el-form-item>
                        <el-form-item label="截止日期：">
                            <el-select placeholder="请选择" :value="1">
                                <el-option :label="1" :value="1"></el-option>
                            </el-select>
                        </el-form-item>
                    </el-col>
                </el-row>
                <div class="lines"></div>
                <el-row :gutter="20">
                    <el-col :span="12">
                        <el-form-item label="学历要求：">
                            <el-input placeholder="请输入学历要求" v-model="modal"></el-input>
                        </el-form-item>
                        <el-form-item label="工作经验：">
                            <el-input placeholder="请输入工作经验"></el-input>
                        </el-form-item>
                        <el-form-item label="年龄要求：">
                            <el-input placeholder="请输入年龄要求"></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12" >
                        <el-form-item label="性别要求：">
                            <el-input placeholder="请输入性别要求"></el-input>
                        </el-form-item>
                        <el-form-item label="工作地区：">
                            <el-input placeholder="请输入工作地区"></el-input>
                        </el-form-item>
                    </el-col>
                </el-row>
                <div class="lines"></div>
            </el-form>
            <el-form label-width="140px">
                <el-row :gutter="20">
                        <el-col :span="12">
                        <el-form-item label="薪资待遇：">
                            <el-input placeholder="请输入薪资待遇" v-model="modal"></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="职位标签：">
                            <el-input placeholder="请输入职位标签" v-model="modal"></el-input>
                        </el-form-item>
                    </el-col>
                </el-row>
            </el-form>
            <el-form  label-position="top" style="margin: 0px 53px 0px 57px;">
                <el-form-item label="职位表述：">
                    <el-input
                            type="textarea"
                            placeholder="自我介绍......"
                            maxlength="200"
                            show-word-limit
                            rows="4"
                    >
                    </el-input>
                </el-form-item>
            </el-form>
            <div class="lines"></div>
            <el-form label-width="140px">
                <el-row :gutter="20">
                    <el-col :span="12">
                        <el-form-item label="联系人：">
                            <el-input placeholder="请输入联系人" v-model="modal"></el-input>
                        </el-form-item>
                        <el-form-item label="接收邮箱：">
                            <el-input placeholder="请输入接收邮箱" v-model="modal"></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12" >
                        <el-form-item label="联系电话：">
                            <el-input placeholder="请填写"></el-input>
                        </el-form-item>
                        <el-form-item label="联系地址：">
                            <el-input placeholder="请填写"></el-input>
                        </el-form-item>
                    </el-col>
                </el-row>
            </el-form>
            <div class="form-footer">
                <div class="release-btn" @click="goPage('job-manage')">发布职位</div>
            </div>
        </div>
    </div>
</template>

<script>
    import HeaderTitle from '@/pages/enterprise-center/components/HeaderTitle.vue'
    export default {
        name: "PublishJob",
        components: {
            HeaderTitle
        },
        data() {
            return {
                modal: '',
                jobNum: 10
            }
        },
        methods: {
            goPage(name) {
                this.$router.push({name: name})
            }
        }
    }
</script>

<style scoped lang="less">
    @import "PublishJob";
</style>